$(function () {  
    var categoryid=GetRequest().categoryid;
    var page=1;
    var allpage;
    title(categoryid);
    //渲染标题
    function title(cid){
        $.ajax({
            url:"http://mmb.ittun.com/api/getcategorybyid",
            type:"GET",
            data:{categoryid:cid},
            success:function (response) {  
                console.log(response);
                $(".typetitle").html(response.result[0].category);
            }
        })
    }
    $(".typetitle").click(function(){
        title(categoryid);
    })

    //渲染商品
    function list(cid,page) {  
        $.ajax({
            url:"http://mmb.ittun.com/api/getproductlist",
            type:"GET",
            data:{
                categoryid:cid,
                pageid :page
            },
            success:function (response) {  
                console.log(response);
                var productTem=template("productTem",response);
                $(".productlist ul").html(productTem);

                var totalpage=Math.ceil(response.totalCount/response.pagesize);
                allpage=totalpage;
                $("#selectPage").empty();
                for(var i=1;i<=totalpage;i++){
                    var option;
                    if(i==page){
                        option="<option selected='selected' class='op' value='"+i+"'>"+i+"/"+totalpage+"</option>";
                    }else{
                        option="<option class='op' value='"+i+"'>"+i+"/"+totalpage+"</option>";
                    }
                    $("#selectPage").append(option); 
                }
            }
        })
    }
    list(categoryid,page);
    $("#selectPage").on("change",function () { 
        page=$("#selectPage").val();
        list(categoryid,page);
    })
    $(".next").click(function () {  
        if(allpage>page){
            page++;
        }
        list(categoryid,page);
    });
    $(".pre").click(function () {  
        if(page<0){
            page=1;
        } else{
            page--;
        }
        list(categoryid,page);
    });
    

})